<%@ page contentType="text/html;charset=UTF-8" %>
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>${applicationScope.ojName}</title>

    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/amazeui.min.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/amazeui.flat.min.css"/>
    <style>
        .main {
            width: 60%;
            margin: 0 auto;
        }

        #page ul {
            margin-left: 0;
            margin-right: 0;
        }

        .title {
            font-size: 2em;
            background: #FFF;
            border-bottom: solid 1px #CCCCCC;
            padding: 10px;
            margin-bottom: 30px;
        }

        .title a {
            font-size: initial;
        }

        .type {
            margin-bottom: 0;
        }
    </style>
</head>

<body>

<jsp:include page="/heard.html" flush="true"/>

<div class="title">
    <div class="main">
        排名
    </div>
</div>
<div class="main">
    <ol class="am-breadcrumb am-breadcrumb-slash type">
        <li>
            <a href="${pageContext.request.contextPath}/ranklist.html?t=all">总排名</a>
        </li>
        <li>
            <a href="${pageContext.request.contextPath}/ranklist.html?t=year">年排名</a>
        </li>
        <li>
            <a href="${pageContext.request.contextPath}/ranklist.html?t=week">周排名</a>
        </li>
        <li>
            <a href="${pageContext.request.contextPath}/ranklist.html?t=month">月排名</a>
        </li>
        <li>
            <a href="${pageContext.request.contextPath}/ranklist.html?t=day">日排名</a>
        </li>
    </ol>
</div>
<div class="main">
    <table class="am-table am-table-bordered am-table-striped am-table-hover">
        <thead>
        <tr>
            <th>排名</th>
            <th>用户</th>
            <th>昵称</th>
            <th>正确</th>
            <th>提交</th>
            <th>比率</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>1</td>
            <td>
                <a href="#">201706014128</a>
            </td>
            <td>admin</td>
            <td>1234</td>
            <td>12345</td>
            <td>99.123%</td>
        </tr>
        <tr>
            <td>2</td>
            <td>
                <a href="#">admin</a>
            </td>
            <td>admin</td>
            <td>1234</td>
            <td>12345</td>
            <td>99.123%</td>
        </tr>
        <tr>
            <td>3</td>
            <td>
                <a href="#">201706043228</a>
            </td>
            <td>adfegwe</td>
            <td>1234</td>
            <td>12345</td>
            <td>99.123%</td>
        </tr>
        </tbody>
    </table>
    <div id="page"></div>
</div>

<jsp:include page="/foot.html" flush="true"/>

<script src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
<script src="${pageContext.request.contextPath}/js/amazeui.min.js"></script>
<script src="${pageContext.request.contextPath}/js/amazeui.page.js"></script>
<script>
    $(function () {
        $('.ranklist').addClass('am-active');
        var page = window.location.search.match(/page=(\d+)/);
        $("#page").page({
            pages: 4,
            first: "首页",
            prev: '<',
            next: '>',
            groups: 0,
            curr: page ? page[1] : 1, //当前页码
            jump: "ranklist.jsp?page=%page%"
            //jump: function(context) {
            //		$("#tips3").html("共" + context.option.pages + "页，当前第" + context.option.curr + "页");
            //}
        });
    })
</script>
</body>

</html>
<!--http://contests.acmicpc.info/contests.json-->
<!--数据来源：http://contests.acmicpc.info/contests.json-->